<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 网站管理 <span class="c-gray en">&gt;</span> 广告投放<span class="c-gray en">&gt;</span> 添加广告投放</nav>
	<div id="sectionContent" class="Hui-article">
		<article class="page-container">
			<div class="form form-horizontal" id="form-admin-add">
				<div class="row cl">
					<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>广告资源：</label>
					<div class="formControls col-xs-8 col-sm-9">
							<select class="select" id="advertResource"></select>
					</div>
				</div>
				<div class="row cl">
					<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>投放开始时间：</label>
					<div class="formControls col-xs-8 col-sm-9">
            <input class="input-text" type="text" id="startTime" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" v-model="content.startTime">
					</div>
				</div>
        <div class="row cl">
					<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>投放结束时间：</label>
					<div class="formControls col-xs-8 col-sm-9">
            <input class="input-text" type="text" id="endTime" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" v-model="content.endTime">
					</div>
				</div>
        <div class="row cl">
					<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>排序：</label>
					<div class="formControls col-xs-8 col-sm-9">
						<input type="text" class="input-text" id="sorting" name="sorting" v-model="content.sorting">
					</div>
				</div>
				<div class="row cl">
					<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
						<input class="btn btn-primary" type="button" v-on:click="saveData()" value="&nbsp;&nbsp;提交&nbsp;&nbsp;" style="margin-right:30px;">
						<input class="btn" type="button" onclick="javascript:history.go(-1)" value="&nbsp;&nbsp;取消&nbsp;&nbsp;">
					</div>
				</div>
			</div>
		</article>
	</div>
	<script>
    new Vue({
        el:'#sectionContent',
        http: authorization(),
        data:{
            content:{}
        },
				created:function(){
          this.$http.get('/restful/cms/v1.0/advert/'+getQueryString('id')).then((response) => {
              this.content = responseObj(response).data;
              var result = responseObj(response).data;
              this.$http.patch('/restful/cms/v1.0/adresource').then((response) => {
                  var modules = responseObj(response).data;
                  modules.forEach(function(obj){
                    if(obj.id == result.advertResource){
                      $('#advertResource').append("<option value='"+obj.id+"' selected>"+obj.adName+"</option>");
                    }else{
                      $('#advertResource').append("<option value='"+obj.id+"'>"+obj.adName+"</option>");
                    }
                  });
              }).catch(function(response) {
                  alert(errorMsg(response));
              });
          }).catch(function(response) {
              alert(errorMsg(response));
          });
				},
        methods:{
            backToList:function(){
                window.parent.location.href="#!view/cms/advert/advert-list.html?"+Math.random();
            },
            saveData:function(){
                var formData = {
                    startTime:$('#startTime').val(),
                    endTime:$('#endTime').val(),
                    sorting:$('#sorting').val(),
                    advertResource:$('#advertResource option:selected') .val()
                };
                this.$http.put('/restful/cms/v1.0/advert/'+getQueryString('id'),formData).then((response) => {
                    this.backToList();
                }).catch(function(response) {
                    alert(errorMsg(response));
                });
            }
        }
    });
</script>
